<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>大图预览</title>
</head>
<style>
    body{background-image:linear-gradient(to right, black, transparent);}
    .imgDiv{
        display:flex;
        justify-content:center; /* 水平居中 */
        align-items:center;  /* 垂直居中 */
    }
    .imgDiv .downloadImg{
        display:inline-block;
        background:red;
        min-width:8em;
        min-height:3em;
        line-height:3em;
        text-decoration-line:none;
        color: #fff;
        text-align:center;
        border-radius:0 1.5em 1.5em 0;
    }
    .imgDiv a:hover{cursor:pointer; color:#aaa;}
</style>
<body>
    <div class="imgDiv">
        <a th:href="@{/images/__${fileName}__}"><img th:src="@{/images/__${fileName}__}"/></a>
        <a class="downloadImg" th:href="@{/images/__${fileName}__}">点击下载图片</a>
    </div>
</body>
</html>
